<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  	<head>
        <title>P2P Fusion - Peerscape</title>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <meta name="generator" content="Peerscape" />
        <meta http-equiv="imagetoolbar" content="no" />

        <style type="text/css">
            <!-- 
            @import url(/static/css/core.css);
            @import url(/static/css/content.css);
            -->
        </style>
        <link rel="shortcut icon" type="image/x-icon" href="http://p2p-fusion.org/favicon.ico" />
    </head>
  	<body class="admin">
	    <div id="wrapper">
	        <div id="inner">
                <div id="topLinks">
                    <h5 class="hide">Personal tools</h5>
                    <ul>
                        <li>
                            <a id="admin" href="http://admin.hexlabel.net/">My Admin</a>
                        </li>
                        <li>
                            <a id="user" href="http://my.hexlabel.net/">My Profile</a>
                        </li>
                    </ul>
                    <div class="clr"><br/></div>
                </div>

                <div id="main">
                    <div class="inner" style="border: 2px solid ${safety_color}">
                        <div id="header">
                            <div class="left">
                                <h1 id="logo"><a href="http://my.hexlabel.net/" accesskey="1">fusion</a></h1>
                                <h2 id="subtitle">Peerscape</h2>
                            </div>
                            <div class="right">
                                <div id="globalTools">
                                    <h5 class="hide">Global tools</h5>
                                    <ul class="contextTools">
                                        <li>
                                            <a href="http://admin.hexlabel.net/">Admin Home</a>
                                        </li>
                                        <li class="selected">
                                            <a href="http://admin.hexlabel.net/invite_person/">Invite a friend</a>
                                        </li>
                                        <li>
                                            <a href="http://admin.hexlabel.net/invite_group_list/">Invite someone to join a group</a>
                                        </li>
                                        <li>
                                            <a href="http://admin.hexlabel.net/invitations/">Invitations</a>
                                        </li>
                                        <li>
                                            <a href="http://admin.hexlabel.net/personal_code/">Create login</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="clr"><br/></div>
                        </div>

                        <div id="content">
                            <div id="info">
                                <h2>Invite a friend</h2>

                                % if show_invitation:
                                    <div class="invitation">
                                        <h3>Single-use invitation code</h3>
                                        <p class="code">${code}</p>

                                        % if email:
                                            <p class="emailLink">
                                                <a href="mailto:${email}?subject=Fusion%20Invitation">Email this to ${email}</a>
                                            </p>
                                        % endif
                                        % if iid:
                                            <p><a href="http://${iid}.hexlabel.net/person/">Back to this profile</a>
                                        % endif
                                    </div>
                                % else:
                                    <p class="intro">Create an invitation for a friend.</p>
                                    <form id="inviteForm" method="POST" action="http://admin.hexlabel.net/invite_person/">
                                        <dl class="single">
                                            <dt><label for="email">Friend's email address (optional)</label></dt>
                                            <dd>
                                                <input type="text" class="text" name="email" id="email"/>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dd class="buttons">
                                                <input type="submit" class="submit default" value="Invite"/>
                                            </dd>
                                            <dd class="buttons cancel">
                                                <a href="http://admin.hexlabel.net/" class="button">Cancel</a>
                                            </dd>
                                        </dl>
                                        <div class="clr"><br/></div>
                                    </form>
                                % endif
                            </div>
                        </div>
                    </div>
                </div>
    
                <div id="footer">
                    <div class="left">
                        <ul>
                            <li><a class="footer" href="http://p2p-fusion.org">Home</a></li>
                            <li><a class="footer" href="http://p2p-fusion.org/contact">Contact us</a></li>
                            <li><a class="footer" href="http://p2p-fusion.org/disclaimer">Disclaimer</a></li>
                        </ul>
                    </div>
                    <div class="right">
                        <p class="footerText">P2P-FUSION is co-funded by the European Union through the IST programme under FP6.</p>
                    </div>
                    <div class="clr"><br/></div>
                </div>
            </div>
	    </div>
	</body>
</html>


